<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <title>商品分类</title>
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/nctouch_categroy.css">
    <style>
        .tabNav li {
            width: 20%;
            float: left;
            text-align: center;
            font-size: 14px;
            line-height: 30px;
            color: #666;
        }
        .tabNav li a { color: #666;}
        .tabNav li a.active { color: #ED5564;}
    </style>
</head>
<body>
<header id="header">
    <div class="header-wrap">
        <div class="header-l"> <a href="javascript:history.go(-1)"> <i class="back"></i> </a> </div>
        <div class="header-inp"> <i class="icon"></i> <span class="search-input" id="keyword">请输入关键字</span> </div>
        <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
    </div>
    <div class="nctouch-nav-layout">
        <div class="nctouch-nav-menu"> <span class="arrow"></span>
            <ul>
                <li><a href="../index.html"><i class="home"></i>首页</a></li>
                <li><a href="search.html"><i class="search"></i>搜索</a></li>
                <li><a href="product_first_categroy.html"><i class="categroy"></i>分类</a></li>
                <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
                <li><a href="cart_list.html"><i class="cart"></i>购物车<sup></sup></a></li>
                <li><a href="member/member.html"><i class="member"></i>我的商城</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="nctouch-main-layout">
    <div class="categroy-cnt" id="categroy-cnt" style="top: 2rem;"></div>
    <div class="categroy-rgt" id="categroy-rgt" style="top: 2rem;"></div>
</div>

<div class="pre-loading">
    <div class="pre-block">
        <div class="spinner"><i></i></div>
        分类数据读取中... </div>
</div>
</body>
<script type="text/html" id="category-one">
    <ul class="categroy-list">
        <% for(var i = 0;i<class_list.length;i++){ %>
        <li class="category-item">
            <a href="javascript:void(0);" class="category-item-a category" date-id="<%= class_list[i].gc_id %>">
                <div class="ci-fcategory-ico">
                    <img src="<% if (class_list[i].image != '') { %><%= class_list[i].image %><% } else {%>../images/degault.png<% } %>">
                </div>
                <div class="ci-fcategory-name"><%= class_list[i].gc_name %></div>
            </a>
        </li>
        <% } %>
    </ul>
</script>
<script type="text/html" id="brand-one">
    <dl class="brands-recommend">
        <% for(var i = 0;i<brand_list.length;i++){ %>
        <dd>
            <a href="<%= WapSiteUrl %>/tmpl/product_list.html?b_id=<%= brand_list[i].brand_id %>">
                <img src="<%= brand_list[i].brand_pic %>">
                <p><%= brand_list[i].brand_name %></p>
            </a>
        </dd>
        <% } %>
    </dl>
</script>
<script type="text/javascript" src="../js/config.js"></script>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/template.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/iscroll.js"></script>
<script type="text/javascript" src="../js/tmpl/brand_category.js"></script>
</html>
